/* Native WordPress comment markup is contained by the comments block. */
.comments {
  margin-top: var(--space-12);
  padding-top: var(--space-8);
  border-top: 1px solid var(--border-base);
}
.comments-title {
  margin-bottom: var(--space-6);
  font-size: var(--text-2xl);
}
.comments-list {
  display: grid;
  gap: var(--space-6);
}
.comments :where(p) {
  margin-block: var(--space-4);
}
.comments :where(input:not([type='submit']):not([type='checkbox']), textarea) {
  width: 100%;
  padding: var(--space-3);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
}
.comments :where(input[type='submit']) {
  padding: var(--space-3) var(--space-6);
  background: var(--action-primary);
  color: var(--ink-inverse);
  border-radius: var(--radius-full);
  cursor: pointer;
}
.comments :where(a) {
  color: var(--action-primary);
}